<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>广西南宁小帮手网络科技有限公司</title>
  <meta content="" name="descriptison">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link th:href="@{/blog/portal/assets/img/favicon.ico}" rel="icon">
  <link th:href="@{/blog/portal/assets/img/apple-touch-icon.png}" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link th:href="@{/blog/portal/assets/vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/animate.css/animate.min.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/icofont/icofont.min.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/boxicons/css/boxicons.min.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/venobox/venobox.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/owl.carousel/assets/owl.carousel.min.css}" rel="stylesheet">
  <link th:href="@{/blog/portal/assets/vendor/aos/aos.css}" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link th:href="@{/blog/portal/assets/css/style.css}" rel="stylesheet">

  
</head>

<body>

  <div th:replace="blog/theme/portal/header"></div>

  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex justify-cntent-center align-items-center">
    <div id="heroCarousel" class="container carousel carousel-fade" data-ride="carousel">

      <!-- Slide 1 -->
      <div class="carousel-item active">
        <div class="carousel-container">
          <h2 class="animated fadeInDown">您好！ <span>留下您的想法，剩下的交给我们</span></h2>
          <p class="animated fadeInUp">想做一款App？想搭建网站？欢迎联系我们，留下您的想法.</p>
          <a href="" class="btn-get-started animated fadeInUp">联系我们</a>
        </div>
      </div>

      <!-- Slide 2 -->
      <div class="carousel-item">
        <div class="carousel-container">
          <h2 class="animated fadeInDown">App开发</h2>
          <p class="animated fadeInUp">专业定制开发App.</p>
          <a href="" class="btn-get-started animated fadeInUp">联系我们</a>
        </div>
      </div>

      <!-- Slide 3 -->
      <div class="carousel-item">
        <div class="carousel-container">
          <h2 class="animated fadeInDown">企业门户网站搭建</h2>
          <p class="animated fadeInUp">专页网站开发，快速搭建服务.</p>
          <a href="" class="btn-get-started animated fadeInUp">联系我们</a>
        </div>
      </div>

      <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon bx bx-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>

      <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon bx bx-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= Services Section ======= -->
    <section class="services">
      <div class="container">

        <div class="row">
          <div class="col-md-6 col-lg-3 d-flex align-items-stretch" data-aos="fade-up">
            <div class="icon-box icon-box-pink">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4 class="title"><a href="">网站开发</a></h4>
              <p class="description">专属客户经理、售后、营销顾问全程跟进
                可视化操作，操作简单，售后服务完善
                设计不满意退款，售后无忧
                可选择源代码建站方案，支持独立部署</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
            <div class="icon-box icon-box-cyan">
              <div class="icon"><i class="bx bx-file"></i></div>
              <h4 class="title"><a href="">App定制</a></h4>
              <p class="description">项目沉淀,拥有完善的开发技术框架,支持线上线下无缝对接,互动营销,开放数据等一站式服务,欢迎来电咨询~</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
            <div class="icon-box icon-box-green">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4 class="title"><a href="">技术咨询</a></h4>
              <p class="description">新兴技术和不断变化的商业模式正促使信息技术角色发生转变——从利用技术来支持业务,逐步上升到更高、更具战略性的目标层,即保护和提升企业价值</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
            <div class="icon-box icon-box-blue">
              <div class="icon"><i class="bx bx-world"></i></div>
              <h4 class="title"><a href="">技术方案</a></h4>
              <p class="description">开发公司+软件开发团队+完善的售后服务 放心选择!小帮手为各大互联网行业提供软件开发方案</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Services Section -->


    <div style="display: none">



    <!-- ======= Why Us Section ======= -->
    <section class="why-us section-bg" data-aos="fade-up" date-aos-delay="200">
      <div class="container">

        <div class="row">
          <div class="col-lg-6 video-box">
            <img th:src="@{/blog/portal/assets/img/why-us.jpg}" class="img-fluid" alt="">
            <a href="#" class="venobox play-btn mb-4" data-vbtype="video" data-autoplay="true"></a>
          </div>

          <div class="col-lg-6 d-flex flex-column justify-content-center p-5">

            <div class="icon-box">
              <div class="icon"><i class="bx bx-fingerprint"></i></div>
              <h4 class="title"><a href="">Lorem Ipsum</a></h4>
              <p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
            </div>

            <div class="icon-box">
              <div class="icon"><i class="bx bx-gift"></i></div>
              <h4 class="title"><a href="">Nemo Enim</a></h4>
              <p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
            </div>

          </div>
        </div>

      </div>
    </section><!-- End Why Us Section -->

    <!-- ======= Features Section ======= -->
    <section class="features">
      <div class="container">

        <div class="section-title">
          <h2>Features</h2>
          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-md-5">
            <img th:src="@{/blog/portal/assets/img/features-1.svg}" class="img-fluid" alt="">
          </div>
          <div class="col-md-7 pt-4">
            <h3>Voluptatem dignissimos provident quasi corporis voluptates sit assumenda.</h3>
            <p class="font-italic">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
              magna aliqua.
            </p>
            <ul>
              <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
              <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
            </ul>
          </div>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-md-5 order-1 order-md-2">
            <img th:src="@{/blog/portal/assets/img/features-2.svg}" class="img-fluid" alt="">
          </div>
          <div class="col-md-7 pt-5 order-2 order-md-1">
            <h3>Corporis temporibus maiores provident</h3>
            <p class="font-italic">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
              magna aliqua.
            </p>
            <p>
              Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
              velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
              culpa qui officia deserunt mollit anim id est laborum
            </p>
          </div>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-md-5">
            <img th:src="@{/blog/portal/assets/img/features-3.svg}" class="img-fluid" alt="">
          </div>
          <div class="col-md-7 pt-5">
            <h3>Sunt consequatur ad ut est nulla consectetur reiciendis animi voluptas</h3>
            <p>Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe odit aut quia voluptatem hic voluptas dolor doloremque.</p>
            <ul>
              <li><i class="icofont-check"></i> Ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
              <li><i class="icofont-check"></i> Duis aute irure dolor in reprehenderit in voluptate velit.</li>
              <li><i class="icofont-check"></i> Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.</li>
            </ul>
          </div>
        </div>

        <div class="row" data-aos="fade-up">
          <div class="col-md-5 order-1 order-md-2">
            <img th:src="@{/blog/portal/assets/img/features-4.svg}" class="img-fluid" alt="">
          </div>
          <div class="col-md-7 pt-5 order-2 order-md-1">
            <h3>Quas et necessitatibus eaque impedit ipsum animi consequatur incidunt in</h3>
            <p class="font-italic">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
              magna aliqua.
            </p>
            <p>
              Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
              velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
              culpa qui officia deserunt mollit anim id est laborum
            </p>
          </div>
        </div>

      </div>
    </section><!-- End Features Section -->
    </div>
  </main><!-- End #main -->


  <!-- ======= Footer ======= -->
  <div th:replace="blog/theme/portal/foot"></div>

  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

  <!-- Vendor JS Files -->
  <script th:src="@{/blog/portal/assets/vendor/jquery/jquery.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/jquery.easing/jquery.easing.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/php-email-form/validate.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/venobox/venobox.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/waypoints/jquery.waypoints.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/counterup/counterup.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/owl.carousel/owl.carousel.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/isotope-layout/isotope.pkgd.min.js}"></script>
  <script th:src="@{/blog/portal/assets/vendor/aos/aos.js}"></script>

  <!-- Template Main JS File -->
  <script th:src="@{/blog/portal/assets/js/main.js}"></script>

</body>

</html>